import './TaskDetail.css'
import TaskInfoCard from '../../components/TaskInfoCard'
import TaskDetailCard from '../../components/TaskDetailCard'
import ProjectLogCard from '../../components/ProjectLogCard'
import TopNav from '../../components/TopNav/TopNav'
import { useNavigate } from 'react-router-dom';
const TaskDetail = () => {
  const navigate = useNavigate();

  return (
    <div className="task-detail">
      <TopNav />
      {/* 顶部导航 */}
      <div className="header">
        <button onClick={() => navigate(-1)} className="back-button">
          ← 返回项目列表
        </button>
      </div>
        <h3>用户体验登录+注册</h3>
   

      {/* 任务信息卡片 */}
      <TaskInfoCard />
      
      {/* 任务详情卡片 */}
      <TaskDetailCard />
      
      {/* 项目日志 */}
      <ProjectLogCard />
      
      {/* 悬浮添加按钮 */}
      <button className="floating-add-btn">+</button>
    </div>
  );
};

export default TaskDetail;